<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>3</title>
		<style type="text/css"></style>
		<link rel="stylesheet" type="text/css" href="css/3.css" />
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_1499783_4xhba6nr1wv.css" />
	</head>
	<body>
		<div id="app">
			<div class="topbar">
				<div class="topbar-left">
					<i class="iconfont icon-shijian"></i>&nbsp;<span>周一至周日 8：00~18：00</span>
				</div>
				<div class="topbar-right">
					<i class="iconfont icon-dianhua"></i>&nbsp;<span>17370022340</span>
				</div>

			</div>

			<nav class="navbar clearfix">
				<div class="logo fl">
					<img src="img/logo.png" />
				</div>
				<div class="mune fr">

					<nav>
						<li class="mune-item">
							<a href="#">首页</a>
						</li>
						<li href="#" class="mune-item">
							<a href="#">新闻</a>

							<ul class="item-list">
								<li class="list-1"><a href="#">军事新闻</a></li>
								<li class="list-1"><a href="#">娱乐新闻</a></li>
								<li class="list-1"><a href="#">八卦新闻</a></li>
								<li class="list-1"><a href="#">精选新闻</a></li>
								<li class="list-1"><a href="#">体育新闻</a></li>
								<li class="list-1"><a href="#">商业新闻</a></li>
							</ul>
						</li>
						<li class="mune-item">
							<a>娱乐</a>
							<ul class="item-list">
								<li class="list-1"><a href="#">军事新闻</a></li>
								<li class="list-1"><a href="#">娱乐新闻</a></li>
								<li class="list-1"><a href="#">八卦新闻</a></li>
								<li class="list-1"><a href="#">精选新闻</a></li>
								<li class="list-1"><a href="#">体育新闻</a></li>
								<li class="list-1"><a href="#">商业新闻</a></li>
							</ul>
						</li>
						<li class="mune-item">
							<a href="#">体育</a>
						</li>
						<li class="mune-item">
							<a href="#">热门</a>
						</li>
					</nav>
				</div>
			</nav>
			<div class="carousel">

				<img src="img/11.jpg" />
			</div>
			<div class="container">
				<ul class="boxlist">
					<li class="boxlist-item">
						<div class="icon">
							<i class="iconfont icon-fangzi"> </i>
						</div>
						<div class="text">
							<h1>NEW PROJECTS</h1>
							<p>1亿像素超清主摄 / 后置全场景五摄像头 / 双闪光双柔光四闪光灯 / 3200万像素超清前置相机 / 10倍混合光学变焦</p>
						</div>
					</li>
					<li class="boxlist-item">
						<div class="icon">
							<i class="iconfont icon-huojian"> </i>
						</div>
						<div class="text">
							<h1>NEW PROJECTS</h1>
							<p>1亿像素超清主摄 / 后置全场景五摄像头 / 双闪光双柔光四闪光灯 / 3200万像素超清前置相机 / 10倍混合光学变焦</p>
						</div>
					</li>
					<li class="boxlist-item">
						<div class="icon">
							<i class="iconfont icon-jiangbei"> </i>
						</div>
						<div class="text">
							<h1>NEW PROJECTS</h1>
							<p>1亿像素超清主摄 / 后置全场景五摄像头 / 双闪光双柔光四闪光灯 / 3200万像素超清前置相机 / 10倍混合光学变焦</p>
						</div>
					</li>
					<li class="boxlist-item">
						<div class="icon">
							<i class="iconfont icon-star"> </i>
						</div>
						<div class="text">
							<h1>NEW PROJECTS</h1>
							<p>1亿像素超清主摄 / 后置全场景五摄像头 / 双闪光双柔光四闪光灯 / 3200万像素超清前置相机 / 10倍混合光学变焦</p>
						</div>
					</li>
				</ul>
				<div class="address">
					<h2><span>商务出行</span>房间列表</h2>
					<p>豪华套房 / 总统套房 / 贵宾专区 / 豪华套房 / 总统套房 / 贵宾专区 / 豪华套房 / 总统套房 / 贵宾专区 / 豪华套房 / 总统套房 / 贵宾专区豪华套房 / 总统套房 / 贵宾专区</p>
				</div>
				<ul class="img-list">
					<li class="img-list-item">
						<img src="img/img5.jpg" />
						<h2>超级豪华海景房</h2>
						<p>物美价不廉，一晚￥99.999,后置全场景五摄像头,后置全场景五摄像头</p>
					</li>
					<li class="img-list-item">
						<img src="img/img6.jpg" />
						<h2>超级豪华海景房</h2>
						<p>物美价不廉，一晚￥99.999,后置全场景五摄像头,后置全场景五摄像头</p>
					</li>
					<li class="img-list-item">
						<img src="img/img7.jpg" />
						<h2>超级豪华海景房</h2>
						<p>物美价不廉，一晚￥99.999,后置全场景五摄像头,后置全场景五摄像头</p>
					</li>
					<li class="img-list-item">
						<img src="img/img8.jpg" />
						<h2>超级豪华海景房</h2>
						<p>物美价不廉，一晚￥99.999,后置全场景五摄像头,后置全场景五摄像头</p>
					</li>
				</ul>
				<div class="address">
					<h2><span>经济出行</span>房间列表</h2>
					<p>1亿像素超清主摄 / 后置全场景五摄像头 / 双闪光双柔光四闪光灯 / 3200万像素超清前置相机 / 10倍混合光学变焦，50倍数字变焦 / 5260mAh大电量 / 标配30W疾速快充 / 小米首款超薄屏下指纹 /
						德国莱茵低蓝光认证 / 多功能NFC / 红外万能遥控 / 1216 超线性扬声器</p>
				</div>
				<ul class="img-list ">
					<li class="img-list-item big">
						<img src="img/img9.jpg" />
						<h2>超级豪华海景房</h2>
						<p>物美价不廉，一晚￥99.999,后置全场景五摄像头,后置全场景五摄像头</p>
					</li>
					<li class="img-list-item big">
						<img src="img/img10.jpg" />
						<h2>超级豪华海景房</h2>
						<p>物美价不廉，一晚￥99.999,后置全场景五摄像头,后置全场景五摄像头</p>
					</li>
					<li class="img-list-item big">
						<img src="img/img11.jpg" />
						<h2>超级豪华海景房</h2>
						<p>物美价不廉，一晚￥99.999,后置全场景五摄像头,后置全场景五摄像头</p>
					</li>
					<li class="img-list-item big">
						<img src="img/img12.jpg" />
						<h2>超级豪华海景房</h2>
						<p>物美价不廉，一晚￥99.999,后置全场景五摄像头,后置全场景五摄像头</p>
					</li>
					<li class="img-list-item big">
						<img src="img/img13.jpg" />
						<h2>超级豪华海景房</h2>
						<p>物美价不廉，一晚￥99.999,后置全场景五摄像头,后置全场景五摄像头</p>
					</li>
					<li class="img-list-item big">
						<img src="img/img4.jpg" />
						<h2>超级豪华海景房</h2>
						<p>物美价不廉，一晚￥99.999,后置全场景五摄像头,后置全场景五摄像头</p>
					</li>
				</ul>
				<div class="address">
					<h2><span>ABOUT</span>OUR COMPANY</h2>
					<p>嘉兴感觉天气要比南昌的天气要好嘉兴感觉天气要比南昌的天气要好嘉兴感觉天气要比南昌的天气要好
						嘉兴感觉天气要比南昌的天气要好
					</p>
				</div>

				<div class="zuobianzi">
					<li>
						<p class="wenben">嘉兴感觉天气要比南昌的天气要好，正好打打字，联系联系，自己的打字技术不太行，今天他们说6点就要回去，说是那个阿姨要下班，上次也是这样的，我回去的话就可能坚持不了多久，旁边的两个打游戏，自己没什么意志力，尽管把游戏卸掉了，但是会情不自禁的看着他们玩，相信自己能抑制住
						</p>
						<p class="liebiao">
							<i><img src="img/next.png"></i><span>今天星期六</span>
						</p>
						<p class="liebiao">
							<i><img src="img/next.png"></i><span>今天星期日</span>
						</p>
						<p class="liebiao">
							<i><img src="img/next.png"></i><span>今天星期一</span>
						</p>
						<p class="liebiao">
							<i><img src="img/next.png"></i><span>今天星期二</span>
						</p>
						<p class="more">Learn More</p>
					<li class="tupian">
						<img src="img/about.jpg" />
					</li>
					</li>


				</div>

			</div>
			<div class="da">
				<div class="zhong">
					<div class="zuo">
						<li class="lv1">dasjkdkajd</li>
						<li>dasdasda</li>
						<li>dasdasda</li>
						<li>dasdasda</li>
						<li>dasdasda</li>
						<li>dasdasda</li>
					</div>
					<div class="zuo">
						<li class="lv1">dkhasweufhhv</li>
						<li>dwqdqwewqqdsa</li>
						<li>dwqdqwewqqdsa</li>
						<li>dwqdqwewqqdsa</li>
						<li>dwqdqwewqqdsa</li>
						<li>dwqdqwewqqdsa</li>
					</div>

					<div class="zuo">
						<li class="lv1">qqqqqqq</li>
						<li>fjdfiweufchdsfu</li>
						<li>fjdfiweufchdsfu</li>
						<li>fjdfiweufchdsfu</li>
						<li>fjdfiweufchdsfu</li>
						<li>fjdfiweufchdsfu</li>
					</div>
					<div class="zuo">
						<li class="lv1">qqqqqqq</li>
						<li>fjdfiweufchdsfu</li>
						<li>fjdfiweufchdsfu</li>
						<li>fjdfiweufchdsfu</li>
						<li>fjdfiweufchdsfu</li>
						<li>fjdfiweufchdsfu</li>
					</div>
				</div>
				<div class="xiada">
					<div class="xiazuoda">
						www.baidu.com.sdsafasdfdsccsdgregevdvdf
					</div>
					<div class="xiayouda">
				<i class="iconfont icon-lianshu"></i>
				<i class="iconfont icon-huige-gezi"></i>
				<i class="iconfont icon-in"></i>
				<i class="iconfont icon-zhongyiying"></i>
				<i class="iconfont icon-guge"></i>
					</div>
				</div>
				<div></div>
			</div>
	</body>



</html>
